import 'package:flutter/material.dart';
import '/components/page/common.dart';
import '../../widgets/image_text_msg.dart';
import '/components/actions/camera.dart';
import '/config/base_url.dart';

// 我的 - 朋友圈
class FriendsCirclePage extends StatelessWidget {
  final String title;
  const FriendsCirclePage({
    super.key,
    required this.title,
  });

  @override
  Widget build(BuildContext context) {

    return CommonPage(
      title: title,
      isShowLine: true,
      actions: const [CameraAction()],
      child: const Padding(
        padding: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
        child: FriendsCircleWidget(),
      ),
    );
  }
}

class FriendsCircleWidget extends StatelessWidget {
  const FriendsCircleWidget({super.key});

  @override
  Widget build(BuildContext context) {

    List mockData = [
      {
        'userName': '春兰',
        'avatarUrl': '$baseUrl/avatar/tx42.jpg',
        'messageTxt': '在一个风和日丽的下午，小猫米米在花园里追逐蝴蝶。它跳过花丛，穿过草地，突然发现一只漂亮的蓝色蝴蝶停在了一朵盛开的玫瑰上。米米轻手轻脚地靠近，准备扑上去，却不小心踩到了一颗小石子，发出了声响。蝴蝶受惊飞走了，米米失望地坐在地上，却意外发现了一只漂亮的彩色羽毛。它捡起来，高兴地跑回家，把羽毛当作宝贝一样珍藏了起来。',
        'imgPaths': [
          '$baseUrl/avatar/tx32.jpg',
          '$baseUrl/avatar/tx33.jpg',
          '$baseUrl/avatar/tx34.jpg',
          '$baseUrl/avatar/tx35.jpg',
          '$baseUrl/avatar/tx36.jpg',
          '$baseUrl/avatar/tx37.jpg',
          '$baseUrl/avatar/tx52.jpg',
          '$baseUrl/avatar/tx39.jpg',
          '$baseUrl/avatar/tx40.jpg',
          '$baseUrl/avatar/tx41.jpg',
          '$baseUrl/avatar/tx42.jpg',
        ],
        'city': '连云港',
        'time': '36分钟前',
      },
      {
        'userName': '映雪',
        'avatarUrl': '$baseUrl/avatar/tx43.jpg',
        'messageTxt': '明天就要去深圳了，一个人，好害怕呀，真希望有个人能陪着我',
        'imgPaths': [
          '$baseUrl/avatar/tx41.jpg',
        ],
        'city': '浙江 金华',
        'time': '54分钟前',
      },
      {
        'userName': '小柔',
        'avatarUrl': '$baseUrl/avatar/tx44.jpg',
        'messageTxt': '哎，又失眠了！',
        // 'city': '铁岭',
        'time': '1小时前',
      },
      {
        'userName': '燕子',
        'avatarUrl': '$baseUrl/avatar/tx24.jpg',
        'messageTxt': '加班好难受啊',
        'imgPaths': [
          '$baseUrl/avatar/tx36.jpg',
          '$baseUrl/avatar/tx37.jpg',
          '$baseUrl/avatar/tx52.jpg',
          '$baseUrl/avatar/tx39.jpg',
        ],
        'city': '浙江 金华',
        'time': '昨天',
      },
      {
        'userName': '米兰时装造型师',
        'avatarUrl': '$baseUrl/avatar/tx29.jpg',
        'messageTxt': '只给懂得人看，你懂的！',
        'imgPaths': [
          '$baseUrl/friends/img1.jpg',
          '$baseUrl/friends/img2.jpg',
          '$baseUrl/friends/img3.jpg',
          '$baseUrl/friends/img4.jpg',
          '$baseUrl/friends/img5.jpg',
          '$baseUrl/friends/img6.jpg',
          '$baseUrl/friends/img7.jpg',
          '$baseUrl/friends/img8.jpg',
          '$baseUrl/friends/img9.jpg',
        ],
        'time': '2天前',
      },
    ];

    return SingleChildScrollView(
      child: Column(
        children: mockData.map((item) {
          return Padding(
            padding: const EdgeInsets.only(bottom: 20),
            child: ImageTextMsg(
              userName: item['userName'],
              avatarUrl: item['avatarUrl'],
              messageTxt: item['messageTxt'],
              imgPaths: item['imgPaths'] ?? [],
              city: item['city'] ?? '',
              time: item['time'],
            ),
          );
        }).toList(),
      ),
    );
  }
}
